<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script>
function test() {
 // DOM 트리를 순회하여 아래의 테이블에서 홍길동의 급여를 출력하는 예
 tables = document.getElementById("table");
 trs = tables.getElementsByTagName("tr");
 tds = trs[1].getElementsByTagName("td");
 alert(tds[2].firstChild.nodeValue); // 5000출력됨
 
 tds[2].firstChild.nodeValue="6000"; // 변경도 가능
 tds[1].innerHTML = "<font color='red'>자재과</font>"; // innerHTML가능
}
</script>
</head>
<body>
  <table id="table">
  <thead></thead>
  <tbody>
  <tr></tr>
  <tr id="0">
  	<td class="date">1일</td>
  	<td clase="team">마이애미</td>
  	<td class="time">10시</td>	
  	<input type="checkbox" disabled="disabled">
  </tr>
  <tr id="1">
  	<td class="date">2일</td>
  	<td clase="team">시카고</td>
  	<td class="time">11시</td>
  </tr>
  </tbody>
  </table>
  <p>
  <input type="button"   value="테스트"   onClick="test();"  >
  </p>
</body>
</html>